 /*****button*******/
button{
	border: 0;
}
 .btn {
 	padding: 8px 20px;
 	background-color: #007AFF;
 	color: #fff;
 	font-size: 14px;
 	display: inline-flex;
 	cursor: pointer;
 	border-radius: 10px;
 	text-align: center;
	line-height: 1;
 }

 .btn-small {
 	padding: 8px 12px;
 	font-size: 14px;
 	background-color: #007AFF;
 	color: #fff;
 	display: inline-flex;
 	cursor: pointer;
 line-height: 1;
 	border-radius: 5px;
	text-align: center;
 }

 .btn-mini {
 	padding: 4px 2px;
 	font-size: 12px;
 	background-color: #007AFF;
 	color: #fff;
 	display: inline-flex;
 	cursor: pointer;
	line-height: 1.5;
	text-align: center;
 }
 .btn-icon{
	 display: flex;
	 flex-direction: row;
 }
.btn-icon:before{
	font-family: iconfont;
	display: inline-flex;
	font-size: 14px;
	margin-right: 5px;
}
 .btn-row-submit {
 	margin: 20px auto;
 	background-color: #007bff;
 	text-align: center;
 	padding: 12px 0px;
	line-height: 1;
 	color: #fff !important;
 	font-size: 16px;
 	border-radius: 6px;
 	cursor: pointer;
 	display: block;
 	box-sizing: border-box;
 	width: 96%;
 }
.btn-group{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
 .btn-primary {
 	color: #fff;
 	background-color: #007bff;
 	border-color: #007bff;
 }

 .btn-secondary {
 	color: #fff;
 	background-color: #6c757d;
 	border-color: #6c757d;
 }

 .btn-success {
 	color: #fff;
 	background-color: #28a745;
 	border-color: #28a745;
 }

 .btn-info {
 	color: #fff;
 	background-color: #17a2b8;
 	border-color: #17a2b8;
 }

 .btn-warning {
 	color: #212529;
 	background-color: #ffc107;
 	border-color: #ffc107;
 }

 .btn-danger {
 	color: #fff;
 	background-color: #dc3545;
 	border-color: #dc3545;
 }

 .btn-light {
 	color: #999;
 	background-color: #f8f9fa;
 	border-color: #f8f9fa;
 }

 .btn-dark {
 	color: #fff;
 	background-color: #343a40;
 	border-color: #343a40;
 }
.btn-disable{
	background-color: #eee;
	color: #999;
}
 .btn-outline-primary {
 	color: #007bff;
 	background-color: transparent !important;
 	background-image: none;
 
	border: 1px solid #007bff;
 }

 .btn-outline-secondary {
 	color: #6c757d;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #6c757d;
 
	
 }

 .btn-outline-success {
 	color: #28a745;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #28a745;
 
	
 }

 .btn-outline-info {
 	color: #17a2b8;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #17a2b8;
 
 }

 .btn-outline-warning {
 	color: #ffc107;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #ffc107;
 
 }

 .btn-outline-danger {
 	color: #dc3545;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #dc3545;
 
 }

 .btn-outline-light {
 	color: #f8f9fa;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #f8f9fa;
 
 }

 .btn-outline-dark {
 	color: #343a40;
 	background-color: transparent !important;
 	background-image: none;
	border: 1px solid #343a40;
 
 }

 .btn-link {
 	font-weight: 400;
 	color: #007bff;
 	background-color: transparent !important;
	border: 0;
 }
 .btn-round {
 	width: 60px;
 	height: 60px;
 	background-color: #f60;
	display: flex;
	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	border-radius: 50%;
 	color: #fff;
 	font-family: iconfont;
 }
 
 .btn-round:before {
 	font-size: 24px;
 }
 /****点赞 喜欢按钮****/

 .btn-love {
	cursor: pointer;
 	display: flex;
 	flex-direction: row;
	align-items: center;
 	padding: 0 10px;
 	height: 36px;
 	border: 1px solid #aaa;
 	color: #333;
 	border-radius: 10px;
 	font-size: 14px;
 }
	
 .btn-love:before {
 	font-family: iconfont;
 	content: "\e669";
 	font-size: 14px;
 	margin-right: 3px;
 }

 .btn-love-active {
 	color: #f30;
 }

 .btn-love-active:before {
 	color: #f30;
 }

 .btn-fav {
	 cursor: pointer;
 	display: flex;
 	flex-direction: row;
	align-items: center;
 	font-size: 14px;
 	padding: 0 10px;
 	height: 36px;
 	
 	border: 1px solid #aaa;
 	color: #333;
 	border-radius: 10px;
 }

 .btn-fav:before {
 	font-family: iconfont;
 	content: "\e64c";
 	font-size: 14px;
 	margin-right: 3px;
 }

 .btn-fav-active {
 	color: #f30;
 }

 .btn-fav-active:before {
 	color: #f30;
 }
 
 .btn-fav-small,.btn-love-small{
 	height: 26px;
 	
 }
 .btn-share {
 	cursor: pointer;
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 	padding: 0 10px;
 	height: 36px;
 	background-color: transparent;
 	border: 1px solid #00BCD4;
 	color: #00BCD4;
 	border-radius: 10px;
 	font-size: 14px;
 }
 	
 .btn-share:before {
 	font-family: iconfont;
 	content: "\e7ed";
 	font-size: 14px;
 	margin-right: 3px;
 }
 
  .btn-comment {
  	display: flex;
  	flex-direction: row;
		align-items: center;
  	font-size: 14px;
  	padding: 0 10px;
  	height: 36px;	
  	border: 1px solid #aaa;
  	color: #333;
  	border-radius: 10px;
  }
 
  .btn-comment:before {
  	font-family: iconfont;
  	content: "\e7ee";
  	font-size: 14px;
  	margin-right: 3px;
  }
 
  .btn-comment-active {
  	color: #f30;
  }
 
  .btn-comment-active:before {
  	color: #f30;
  }
  .btn-fav,.btn-love,.btn-comment{
		cursor: pointer;
	}
  .btn-fav-small,.btn-love-small,.btn-comment-small{
  	height: 26px;
  	
  }
	/**购买按钮****/
	.btn-buy{
		width: 36px;
		height: 36px;
		line-height: 36px;
		color: #fff;
		text-align: center;
		border-radius: 50%;
		background-color: #007bff;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.btn-buy-small{
		width: 25px;
		height: 25px;
		line-height: 25px;
		background-color:transparent;
		border:1px solid #007bff;
	}
	.btn-buy-small:before{
		font-size: 14px;
	}
 /******end btn******/
